<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%> 
<s:head/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>.:: Reservation System ::.</title>

<link rel="stylesheet" type="text/css" href="css/standard.css" media="screen"></link>
<link rel="stylesheet" type="text/css" href="css/frame.css" media="screen"></link>
<script type="text/javascript">
    function init() {
        document.getElementById("userName").focus();
    }
    function beforeSubmit(){
        document.forms['LoginForm'].submitLogin.disabled = true;
        return true;
    }
</script>
</head>

<body onload="init()" style="font-family: Tahoma; margin-top: 130px">

<center>
<table width="500" height="280" align="center" cellspacing="0" cellpadding="0">
<tr>
	<td class="top_left" height="14" width="17">
		<table width="17" height="14" border="0" cellspacing="0" cellpadding="0">
		<tr><td width="17" height="14"></td></tr>
		</table>
	</td>
	<td class="top"></td>
	<td class="top_right" height="14" width="17"></td>
</tr>
<tr>
	<td class="left" width="17"></td>
	<td bgcolor="#f4f3ef" height="100%" width="100%" valign="top" align="center">
		<table width="100%" align="center" style="border: 1px solid #DDDDDD" cellpadding="0" cellspacing="0">
		<tr>
			<td height="22px" bgcolor="#EEEEEE" style="color: #555555; padding-left: 4px">Reservation System</td>
		</tr>
		</table>
		<s:form name="LoginForm" action="loginAction_login" onsubmit="return beforeSubmit()" theme="simple">
		<s:token/>
		<table width="450px" align="center" cellpadding="0" cellspacing="0">
		<tr>
			<td colspan="2" height="80px">
				<s:actionerror/><s:fielderror/>
			</td>
		</tr>
		<tr>
		    <td width="150" height="40" align="right" valign="baseline">
		    	<img src="images/iUser.jpg" width="32" height="30"/> &nbsp; User &nbsp;
			</td>
		    <td width="300" valign="baseline">
		    	<s:textfield id="userName" name="userName" cssStyle="width:170px" maxLength="20" theme="simple" />
		    </td>
		</tr>
		<tr>
		    <td height="40" align="right" valign="baseline">
		    	<img src="images/iPassword.jpg" width="29" height="25" /> &nbsp; Password &nbsp;
			</td>
		    <td align="left" valign="baseline">
		    	<s:password id="userPassword" name="userPassword" cssStyle="width:170px" maxLength="20" theme="simple"/>                                        
		    </td>
		</tr>
		<tr>
		    <td height="50" align="right" valign="baseline">
		    	&nbsp; Counter &nbsp;
			</td>
		    <td align="left" valign="baseline">
		    	<s:select id="counter" name="counter" list="%{counterList}" 
		    		listKey="counterId" listValue="counterName" theme="simple" />
		    </td>
		</tr>
		<tr>
		    <td height="50">&nbsp;</td>
		    <td align="right" valign="middle">
		        <s:submit name="submitLogin" value="Login" cssStyle="border: 1px solid #888888; width:90px" theme="simple" />
		        &nbsp;
				<input type="reset" value="Cancel" style="border: 1px solid #888888; width:80px">
			</td>
		</tr>
		</table>
		</s:form>
	</td>
	<td class="right" width="17"></td>
</tr>
<tr>
	<td class="bottom_left" height="14" width="17"></td>
	<td class="bottom"></td>
	<td class="bottom_right" height="14" width="17">
		<table width="17" height="14" border="0" cellspacing="0" cellpadding="0">
		<tr><td width="17" height="14"></td></tr>         
		</table>
	</td>
</tr>
</table>
</center>

</body>
</html>
